<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1 minimum-scale=1 maximum-scale=1 user-scalable=no" />
    <title>登陆页面</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="bg">
        <div class="semicircle"></div>
        <div class="triangle"></div>
        <h3>Hello</h3>
    </div>
    <form action="" autocomplete="off">
        <div class="user">
            <div class="user_name">
                昵称:<input type="text" class="uname" name="uname">
                <span class="exist"></span>
            </div>
            <div class="user_pwd">
                密码:<input type="password" class="pwd" name="pwd">
                <span class="msg"></span>
            </div>
        </div>
        <div class="agree">
            <label for="my-checkbox">
            <input type="checkbox" value="1" id="my-checkbox" class="remember" name="agree">
            </label> 我已同意 <a>《服务条款》</a> 和 <a>《用户条款》</a>
            <p class="agree_msg"></p>
        </div>
        <button class="login" type="submit">登录</button>
    </form>
    <div class="footer">
        <p>Don’t have an account? </p>
        <p class="sign">Signup now</p>
    </div>
    <script src="./js/flexible.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>